<style lang="less">
  @import './style.less';
</style>
<template>
	<div class="container">
		<div class="xuniDuihuan">
			<div class="xuniDuihuanTittle">
				<p>话费兑换</p>
				<h2>1元全国三网话费</h2>
			</div>
			<div class="xuniDuihuanForm">
				<Form :model="formTop" label-position="top">
					<FormItem>
						<Input v-model="value" placeholder="请输入兑奖的手机号码" />
					</FormItem>
					<div class="helpLine">上海移动</div>
				</Form>
			</div>
			<p class="xuniDuihuanTip">提示：若因未填写资料或资料填写错误导致无法兑奖，主办方不承担任何相关责任。</p>
			<p class="xuniDuihuanTip">充值状态：正在充值中 &nbsp;&nbsp; <Button size="small">刷新</Button></p>
			<div class="cont tc">
				<a href="#" @click="modal1 = true" class="guanzhu" style="margin-bottom:0.8rem;">确认无误，马上兑换</a>
				<a href="#" class="fanhui">返回活动首页</a>
			</div>
			<Modal v-model="modal1">
				<div class="pd25">
					<h2 class="tc" style="color:#000;padding-bottom:0.8rem">请先完成下方验证</h2>
					<div>阿里云验证滚动条</div>
				</div>
			</Modal>


		</div>
	</div>

</template>
<script>
    export default {
        data () {
            return {
                formTop: {
                    input1: '',
                    input2: '',
                    input3: ''
				},
				modal1: false
            }
        }
    };

	(function (doc, win) {
		console.log(11);
		var docEl = doc.documentElement,   
		resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',   
		recalc = function () {   
		var clientWidth = docEl.clientWidth;   
		if (!clientWidth) return;   
		docEl.style.fontSize = 20 * (clientWidth / 320) + 'px';   
	};   
	if (!doc.addEventListener) return;   
	win.addEventListener(resizeEvt, recalc, false);   
	doc.addEventListener('DOMContentLoaded', recalc, false);   
	})(document, window)   

</script>
